<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="js/superslide.2.1.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{%$web_name%}</title>
</head>

<body>
<!--头部 开始-->
{%include file='inc_head.htm'%}
<!--头部 结束-->
{%lcmx_products_list set="列表名:products,显示数目:12,标题长度:20,类别:GET[c_id],栏目:GET[lanmu],分页显示:1"%}
<div class="main">
    <div class="mainleft">
        <h2  class="title3"><a class="title3" href="index.php?p=products_list&lanmu=2">产品展示</a></h2>
        <ul class="nav5">
            {%foreach from=$type_list item=type %}
            <li class="nav5_li"><a href="index.php?p=products_list&c_id={%$type.c_id%}">{%$type.c_title%}</a>
                <ul class="nav6">
                    {%if $type.child_cat %}
                    {%foreach from=$type.child_cat item=child%}
                    <li><a href="index.php?p=products_list&c_id={%$type.c_id%}">{%$child.c_title%}</a></li>
                    {%/foreach%}
                    {%/if%}
                </ul>
            </li>
            {%/foreach%}
        </ul>
    </div>
    <div class="mainright">
    	<div class="title4"> 
        	<span class="sq7">您现在的位置：产品展示</span>
            <span class="sq8">产品展示</span>
            <ul class="prd4">
                {%if $products %}
                {%foreach from=$products item=list key=k%}
                {%if $k%4==3 %}
                <li style="margin-right:0;"><a href="index.php?p=products_show&id={%$list.id%}"><img src="{%$list.small_pic%}" class="p6"></a><a href="index.php?p=products_show&id={%$list.id%}">{%$list.title%}</a></li>
               {%else%}
                <li><a href="index.php?p=products_show&id={%$list.id%}"><img src="{%$list.small_pic%}" class="p6"></a><a href="index.php?p=products_show&id={%$list.id%}">{%$list.title%}</a></li>
                {%/if%}
                {%/foreach%}
                {%else%}<div style="font-size: 20px; text-align: center; margin-top: 100px;">暂无商品......</div>
                {%/if%}

            </ul>
        </div>
        <div class="page">
        	<div class="juzhong"> 
        	{%$page%}
           </a>
           </div>
        </div>
    </div>
</div>
<!--底部 开始-->
{%include file='bot.htm'%}
<!--底部 结束-->
</body>
</html>
<script type="text/javascript">
	
	$(".fullSlide").hover(function(){
    $(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
	},
	function(){
		$(this).find(".prev,.next").fadeOut()
	});

$(".juzhong").css("width",$(".page a").length*37);
$(".fullSlide").slide({
    titCell: ".hd ul",
    mainCell: ".bd ul",
    effect: "fold",
    autoPlay: true,
    autoPage: true,
    trigger: "click",
    startFun: function(i) {
        var curLi = jQuery(".fullSlide .bd li").eq(i);
        if ( !! curLi.attr("_src")) {
            curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
        }
    }
});
$(".nav6").hide();
$(".nav5_li a").click(function(){
	
	if($(this).parent().next(".nav6").is(":hidden")){
		$(this).parent().next(".nav6").slideDown();
		}else{
		$(this).parent().next(".nav6").slideUp();
			}
	})
$(".bg7").hide();
$(".prd4 li").hover(function(){
 	 $(this).children(".bg7").show();
	 $(this).children("a").css("color","#999")
	},
	function(){
	 $(this).children(".bg7").hide();
	 $(this).children("a").css("color","#6d6f20")
	
});
</script>